.course-detail {
  padding: 0 0.67rem 0 0.48rem;
  /* box-sizing: border-box; */
  /* background: #BAA3ED; */
}

.course-detail-cons {
  /* background: linear-gradient(101deg, #FAF8F9 0%, #F6F2F4 100%);
    border-radius: .666667rem;
    padding: 0 1.76rem .506667rem .906667rem;
    box-sizing: border-box; */
}

.course-detail-header {
  display: flex;
  justify-content: space-between;
  padding: 0.586667rem 3.413333rem 0.666667rem 0.373333rem;
  box-sizing: border-box;
}

.ass-1 {
  font-size: 0.266667rem;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #b9b9b9;
  line-height: 0.373333rem;
  margin-left: 0.266667rem;
}

.ass-logo {
  width: 0.906667rem;
  height: 0.906667rem;
  background: #ffffff;
  border: 0.026667rem solid #979797;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  line-height: 0.906667rem;
  font-size: 0.373333rem;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #4f4f4f;
  margin-right: 0.266667rem;
}

.ass-school {
  font-size: 0.373333rem;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #4f4f4f;
}

.ass-center {
  margin-left: 1.493333rem;
  display: flex;
  align-items: flex-start;
}

.ass-name {
  width: 0.96rem;
  height: 0.96rem;
  background: #e5e5e5;
  border-radius: 50%;
  text-align: center;
  line-height: 0.96rem;
  font-size: 0.373333rem;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #4f4f4f;
}

.ass-hi {
  font-size: 0.373333rem;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #4f4f4f;
  line-height: 0.506667rem;
  margin-left: 0.266667rem;
}

.ass-input {
  width: 5.626667rem;
  height: 0.96rem;
  background: #ffffff;
  border-radius: 0.426667rem;
  border: 0;
  text-indent: 0.453333rem;
  font-size: 0.373333rem;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #4f4f4f;
  margin-right: 0.613333rem;
}

input {
  outline: none;
}

.course-detail-title {
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #4f4f4f;
  height: 0.85rem;
  line-height: 0.85rem;
  padding: 0.32rem 0;
  /* display: flex; */
  /* align-items: center; */
  /* padding-left: .48rem; */
  /* box-sizing: border-box; */
}

.course-detail-title > span {
  font-size: 0.37rem;
}

.course-detail-title > span:last-of-type {
  color: #ff8e8e;
}

.course-detail-title img {
  width: 0.85rem;
  height: 0.85rem;
  margin-right: 0.4rem;
  vertical-align: middle;
}

.course-detail-con {
  background: #f9f8fd;
  border-radius: 0.666667rem;
  padding: 0.77rem 0 0.85rem 0.59rem;
  box-sizing: border-box;
}

.course-detail-con-title > span {
  display: block;
  margin-bottom: 0.5rem;
}

.course-detail-con-title > span:first-of-type {
  height: 0.53rem;
  font-size: 0.37rem;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #4f4f4f;
  line-height: 0.53rem;
  margin-bottom: 0.2rem;
}

.course-detail-time {
  height: 0.45rem;
  font-size: 0.32rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #767676;
  line-height: 0.45rem;
}

.course-detail-tips {
  height: 100%;
  font-size: 0.37rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #767676;
  line-height: 0.53rem;
  margin-bottom: 0.426667rem;
}

.course-detail-icon {
  /* display: flex; */
  /* align-items: center; */
}

.course-detail-icon p {
  height: 0.3rem;
  font-size: 0.33rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #767676;
  line-height: 0.3rem;
  padding-right: 0.3rem;
}

/* .course-detail-icon p:nth-of-type(1) {
  margin-right: 0.8rem;
}

.course-detail-icon p:nth-of-type(2) {
  margin-right: 0.666667rem;
}

.course-detail-icon p:nth-of-type(3) {
  margin-right: 0.48rem;
} */

.course-detail-icon-circle {
  width: 0.3rem;
  height: 0.3rem;
  background: #aba7f8;
  display: inline-block;
  margin-right: 0.05rem;
  border-radius: 50%;
  vertical-align: bottom;
}

.course-detail-title-aa {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.course-detail-title-aa span {
  display: flex;
  align-items: center;
}

.course-detail-lists {
  /* display: flex; */
  flex-wrap: wrap;
}

.course-detail-list {
  margin-bottom: 0.506667rem;
  /* width: 50%; */
  box-sizing: border-box;
}

.course-detail-list > div {
  padding: 0.24rem 0.48rem 1.2rem 0.37rem;
  /* box-sizing: border-box; */
  /* display: flex; */
  background: #f9f8fd;
  box-shadow: 0.08rem 0.08rem 0.106667rem 0.08rem rgba(88, 64, 186, 0.05);
  border-radius: 0.426667rem;
}

.course-detail-list:nth-of-type(2n) {
  /* padding-left: .586667rem; */
}

.course-detail-list:nth-of-type(2n + 1) {
  /* padding-right: .586667rem; */
}

.course-detail-left {
  /* width: 1.946667rem; */
  /* height: 1.946667rem; */
  /* background: rgba(171, 167, 248, 0.3); */
  /* border-radius: 50%; */
  /* text-align: center; */
  /* margin-right: 0.613333rem; */
  /* position: relative; */
}

.course-detail-top {
  padding: 0 0.35rem;
  font-size: 0.43rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  background-color: #ff8e8e;
  border-radius: 0.37rem;
  color: #ffffff;
  height: 0.7rem;
  line-height: 0.7rem;
}

.course-detail-week {
  font-size: 0.53rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ff8e8e;
  height: 0.7rem;
  line-height: 0.7rem;
  margin-left: 0.3rem;
}

.course-detail-right {
  flex: 1;
}

.course-detail-right-title {
  height: 0.53rem;
  font-size: 0.37rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #4f4f4f;
  line-height: 0.53rem;
  margin: 0.2rem 0 0.3rem 0;
}

.course-detail-right-tips {
  font-size: 0.32rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #767676;
  height: 100%;
  line-height: 0.45rem;
  margin-bottom: 0.32rem;
}

.course-detail-btn {
  width: 5.76rem;
  height: 0.91rem;
  background: #aba7f8;
  border-radius: 0.27rem;
  display: inline-block;
  font-size: 0.32rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  border: 0;
  margin-bottom: 0.613333rem;
}

.course-detail-work-lists {
  border-top: 0.026667rem solid #d4d4d4;
  padding-top: 0.133333rem;
}

.course-detail-work-list {
  margin-top: 0.64rem;
  display: flex;
}

.course-detail-work-list > div {
  flex: 1;
}

.course-detail-work-right img {
  width: 0.56rem;
  margin-right: 0.24rem;
}

.course-detail-work-list > img {
  height: 0.266667rem;
  cursor: pointer;
  transform: rotateZ(90deg);
}

.course-detail-work-title {
  font-size: 0.4rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #4f4f4f;
  line-height: 0.48rem;
}

.course-detail-work-tip {
  height: 0.4rem;
  background: #aba7f8;
  border-radius: 0.186667rem;
  display: inline-block;
  margin-left: 0.24rem;
  padding: 0 0.266667rem;
  line-height: 0.4rem;
  font-size: 0.346667rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
  box-sizing: border-box;
}

.course-detail-work-right {
  display: flex;
  align-items: flex-start;
  margin-top: 0.133333rem;
}

.course-detail-work-right > div {
  flex: 1;
}

.course-work-title {
  font-size: 0.373333rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  margin-bottom: 0.08rem;
  color: #4f4f4f;
}

.course-work-tip {
  font-size: 0.24rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #a9a9a9;
  line-height: 0.453333rem;
}

.course-work-time {
  font-size: 0.266667rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #4f4f4f;
  line-height: 0.426667rem;
  margin-top: 0.08rem;
}
